欄column (下)筆記Day -3

響應式欄位的應用方式

• 永遠保持以行動優先為主！！！！
• 行動版 xs:2欄 /12-> 平板 md:3大欄 /12-> 桌面版 xl：4大欄 /12
  

  See the Pen Untitled by Sui Hsilan (@sui-hsialn) on CodePen.

例子二

• 行動版單欄，當有其他col中斷點時可不加入以下不需要寫.col-12不用寫
  

  See the Pen Untitled by Sui Hsilan (@sui-hsialn) on CodePen.

推移 offset

• 目前大多會透過 flex 特性推移，offset-1就是推移一個column 但這個運用情境較少